<script setup lang="ts">

</script>

<template>
  <view v-bind="$attrs" class="append-container">
    <text> 添加</text>+
  </view>
</template>

<style lang="less" scoped>
.append-container {
  background-color: rgba(0, 80, 179, 0.06);
  border: 1px dashed #0050B3;

  font-family: 'PingFang SC';
  font-style: normal;
  font-weight: 500;
  font-size: 40px;
  line-height: 60px;
  color: #0050B3;

  text-align: center;
  padding: 5px 0;
  cursor: pointer;

  text {
    margin-right: 12px;
  }


  &[disabled="true"] {
    color: rgba(0, 0, 0, 0.25);
    background-color: #f5f5f5;
    border-color: #d9d9d9;
    box-shadow: none;
    cursor: not-allowed;
    opacity: 1;
  }
}
</style>